<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        var arr = [23, 45, 12, 9, 47, 11];
        // 数组 从小到大排列

        // 冒泡排序 

        // 它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。
        // 走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。
        // 因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），
        // 就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。

        // 第一轮 ,47 排到末尾

        for (var i = 0; i < arr.length - 1; i++) {
            if (arr[i] > arr[i + 1]) {
                // 顺序错误
                // 交换位置
                // 先把之前arr[i]的值保存下来
                var temp = arr[i];
                arr[i] = arr[i + 1]; // arr[i]已经发生了改变
                arr[i + 1] = temp;
            }
        }
        // 这轮循环结束之后 ,冒出最大值47 ,排在了末尾
        console.log(arr);


        // 第二轮  冒出 45
        for (var i = 0; i < arr.length - 1; i++) {
            if (arr[i] > arr[i + 1]) {
                // 顺序错误
                // 交换位置
                // 先把之前arr[i]的值保存下来
                var temp = arr[i];
                arr[i] = arr[i + 1]; // arr[i]已经发生了改变
                arr[i + 1] = temp;
            }
        }
        console.log(arr);

        // 第三轮 
        for (var i = 0; i < arr.length - 1; i++) {
            if (arr[i] > arr[i + 1]) {
                // 顺序错误
                // 交换位置
                // 先把之前arr[i]的值保存下来
                var temp = arr[i];
                arr[i] = arr[i + 1]; // arr[i]已经发生了改变
                arr[i + 1] = temp;
            }
        }
        console.log(arr);

        // 第四轮
        for (var i = 0; i < arr.length - 1; i++) {
            if (arr[i] > arr[i + 1]) {
                // 顺序错误
                // 交换位置
                // 先把之前arr[i]的值保存下来
                var temp = arr[i];
                arr[i] = arr[i + 1]; // arr[i]已经发生了改变
                arr[i + 1] = temp;
            }
        }
        console.log(arr);


        // 第五轮
        for (var i = 0; i < arr.length - 1; i++) {
            if (arr[i] > arr[i + 1]) {
                // 顺序错误
                // 交换位置
                // 先把之前arr[i]的值保存下来
                var temp = arr[i];
                arr[i] = arr[i + 1]; // arr[i]已经发生了改变
                arr[i + 1] = temp;
            }
        }
        console.log(arr);

        // 六个数比较  需要 比 5轮
    </script>
</body>

</html>